<template>
    <div class="container">
        <div class="sider">
            <ul>
                <li>市民</li>
                <li>企业</li>
                <li>社工</li>
            </ul>
        </div>
        <div class="content">
            <div class="wrapper">
                <div class="toolbar">

                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            msg: "人群"
        }
    }
}
</script>

<style scoped>
.sider ul li{
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  cursor: pointer;
  font-family: '微软雅黑';
}
.sider ul li:hover{
  background-color: rgba(0,0,0,.05);
}
</style>
